import { form } from './index.js'
const { ref } = Vue

export default {
	name: 'formView',
	template: `#formView`,
	emits: ['submit'],
	setup(props, { emit }) {
		const viewdata = ref([
			// {
			// 	txt: '是否推荐 0 小说 1 推荐',
			// 	inputkey: 'recommended',
			// },
			{
				txt: '首链接：',
				inputkey: 'url',
			},
			{
				txt: '后续章节链接：',
				inputkey: 'chapterUrl',
			},
			{
				txt: '小说名：',
				inputkey: 'title',
			},
			{
				txt: '章节：',
				inputkey: 'chapter',
			},
			// {
			// 	txt: '是否读完 0 没读完 1 读完：',
			// 	inputkey: 'duwan',
			// },
		])

		// 初始化那个有值就显示删除按钮
		viewdata.value.forEach(item => {
			if (form.data[item.inputkey].length) {
				item.isclose = true
			}
		})

		/* function closeDel(key, index) {
			viewdata.value[index].isclose = false
			form.data[key] = ''
		} */
		function hiheclk() {
			form.isshow = false
		}

		function submitclk() {
			emit('submit')
		}

		function textareaiconclk() {
			form.data.beizhu = ''
		}

		return { form, viewdata, hiheclk, submitclk, textareaiconclk }
	},
}
